// 鞋靴、箱包
$(function() {
    // 渲染数据 hot 部分
    var rels = '';
    data.shoesData.hot.forEach(item => {
        rels += `
		<li>
			<div class="shan-tp">
				<a href="./details.html#${item.goodid}shoesData/hot">
					<img src="${item.goodurls.nowurl}">
				</a>
			</div>
			<div class="jianje">
				<a href="#">${item.goodtitle}</a>
			</div>
			<div class="jiage">
				¥${item.goodzprice}
			</div>
			<span class="cv1">${item.cv1}</span>
		</li>
		`;
    });

    // 渲染 推荐部分
    var rels2 = '';
    data.shoesData.mian.forEach(item => {
        rels2 += `
		<li class="goods-item">
			<div class="ptp-img">
				<a href="./details.html#${item.goodid}shoesData/mian">
					<img src="${item.goodurls.nowurl}">
				</a>
			</div>
			<div class="ptp-name">
				<a href="">${item.goodtitle}</a>
			</div>
			<div class="ptp-ui">￥${item.goodzprice}</div>
		</li>
		`;
    });
    // 插入数据
    $('.tuijina ul').html(rels2);
    // tuijina
    $('.shangpin .shang-ul').html(rels);
    // 二级隐藏
    $('.erji-ul').hover(function() {
        $('.erji-li').mouseover(function() {
            $(this).find('span').addClass('spans');
            $(this).siblings().find('span').removeClass('spans');
            var index = $(this).index();
            $('.ul-cang').eq(index).addClass('ul-ceng').siblings().removeClass('ul-ceng');
            $('.ul-a-cang').addClass('ul-a-ceng');
        });

    }, function() {
        $('.ul-a-cang').removeClass('ul-a-ceng');
        $('.erji-li').find('span').removeClass('spans');
    });

    // 热销榜/促销榜
    $('.bangdan ul li').mouseover(function() {
        $(this).addClass('hong-li').siblings().removeClass('hong-li');
        var indexs = $(this).index();
        $('.shangpin').find('ul').eq(indexs).addClass('shang-ul').siblings().removeClass('shang-ul');
    });

    // 品牌旗舰
    $('.zou-left').click(function() {
        $('.ul-lei').animate({
            left: -1110
        }, 2000);
    });

    $('.you-right').click(function() {
        $('.ul-lei').animate({
            left: 0
        }, 2000);
    });

    // 回到顶部/楼层导航
    $(window).scroll(function() {
        // 获取zhudi-banxin距离上方的偏移
        var banxinTop = $('.zhudi-banxin').offset().top;
        if ($(window).scrollTop() >= banxinTop - 200) {
            $('.louceng').removeClass('loucang');
        } else {
            $('.louceng').addClass('loucang');
        }
        // 对楼层导航遍历
        $('.sdlei').each(function(index, value) {
            // console.log(value);
            if ($(window).scrollTop() >= value.offsetTop + 100) {
                $('.catetop-lift-item').eq(index).addClass('cata-hong').siblings().removeClass('cata-hong');
            }
        });

    });
    // 单击catetop-lift-itema
    $('.catetop-lift-itema').click(function() {
        // html 
        $('html').animate({
            scrollTop: 0
        }, 300);
    });




});